<html>
    <head>
        <meta charset="utf-8">
        <title> test nested ng-repeat of object, not array</title>
        
        <script src="angular.js"></script>
  
    </head>
    
    <body> 
            <div ng-controller="MC">
                <span
                      ng-repeat="(k, v) in obj"> 
                      
                      {{k}} = {{v}} <br>
                      
                      <strong ng-repeat="(kk, vv) in v">
                          
                          {{kk}} -- {{vv}}<br>
                      </strong>
                </span>
            </div> 
        
      
      
              <script>
            
            var m = angular.module("myapp", []);
            
            m.controller("MC", function($scope) {
                $scope.obj = {
                    "a": {
                        "name": "lee",
                        "age" : 28,
                        "sex" : "male"
                    },
                    "b": {
                        "haha": "yes",
                        "wuwu": "no"
                    }
                };
                
                $scope.arr = [
                    {
                        "a": {"name" : "lee", "age" : 28},
                        "b": {"yes"  : "1", "no": "0"}
                    }
                ];
                
                $scope.person = {
                    name: "lee",
                    age: 28
                };
            });
            
            
            angular.bootstrap(document, ["myapp"]);
            
            
        </script>
    </body>
</html>
